<script src="/js/global.js"></script>
<div class="ux-wrapper">
  <div class="ux-content-wrapper" data-block="header">
    <ux-header>
      <!-- Header product logo -->
      <ux-header-logo width="63px" href="/" url="/images/ddm-logo.png"></ux-header-logo>

      <!-- Header tabs -->
      <ux-header-tab href="/" tabtext="Home"></ux-header-tab>
      <ux-header-tab href="/table-spec/reordering" tabtext="Table spec"></ux-header-tab>
      <ux-header-tab href="/reporting/overview" tabtext="Reporting"></ux-header-tab>
      <ux-header-tab href="/builder/overview/history" tabtext="Builder"></ux-header-tab>
      <ux-header-tab href="/admin/settings" tabtext="Admin"></ux-header-tab>

      <!-- Header right -->
      <ux-header-icon icon="alerts" right>
       <div style="width:146px" class="close-ads-header-menus">
         <p>Collaborate real-time with Meeting Notes and Whiteboard. Add any Google Docs.</p>
         <p class="links"><a href="">Learn More</a> | <a href="">Dismiss</a></p>
       </div>
      </ux-header-icon>
      <ux-header-icon icon="preferences" right>
       <div class="ads-menulist">
         <div class="ads-menulist-item close-ads-header-menus">Preferences</div>
         <div class="ads-menulist-item close-ads-header-menus">Billing</div>
         <div class="ads-menulist-item close-ads-header-menus">Help</div>
       </div>
      </ux-header-icon>
      <ux-header-tab right>
       <tabtext>
         <span>cordell@google.com</span>
       </tabtext>
       <div class="ux-header-menu-container ux-header-user-menu-container ux-header-button-menu" role="menu">
         <div class="ux-header-user-pic">
          <img src="/images/cordell.png">
         </div>
         <div class="ux-header-user-menu-user-info">
           <span class="ux-header-user-menu-user-name">Cordell Ratzlaff</span>
           <span class="ux-header-user-menu-text">cordell@google.com</span>
           <span class="ux-header-user-menu-user-links"><a href="">Account</a> -- <a href="">Privacy</a></span>
           <div class="kd-button kd-button-submit close-ads-header-menus">View profile</div>
         </div>
         <div class="ux-header-user-menu-bottom-buttons">
           <div class="kd-button ux-header-sign-out close-ads-header-menus">Sign out</div>
         </div>
         <div class="ux-header-menu-pointer"></div>
       </div>
      </ux-header-tab>
    </ux-header>
    <ux-block name="main-content">
      Replace me…
    </ux-block>
  </div>
</div>
